<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <link rel="shortcut icon" href="./img/favicon.png">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>注册</title>
    <link rel="stylesheet" href="./css/myCss.css">
    <script src="./js/jquery-1.12.4.js"></script>
    <style>
        body{
            background-size: 100%;/*设置背景图片大小*/
            background-repeat: no-repeat;
            backdrop-filter: blur(5px);/*设置背景模糊*/
            background-image: url(./img/1.jpg);
            z-index: -1;
            /* transition: 4s; */
            /* transform: 4s; */
        }
        h1{
            color: yellow;
            height: 0px;
            font-size: 25px;
            line-height: 0px;
            
        }
        .mycss{
            color: yellow;
            height: 0px;
            font-size: 25px;
            line-height: 0px;
            margin-right: 20px;
            font-weight: bold;
        }
        #init{
            background: rgba(0, 0, 0, 0.3);
            height:500px;
            width: 800px;
            position: absolute;
            top: 100px;
            left: 400px;
            border-radius: 20px ;
            box-shadow: 0px 0px 18px;/*设置背景阴影*/
            

        }
        #tab{
            width: 600px;
            height: 500px;
            margin: auto;
            color: rgba(180, 173, 173, 0.83);
        }
        td{
            
            font-size: 22px;
            height: 52px;

        }
        .str{
            width: 190px;
            text-align: center;
            letter-spacing: 1em;

            
        }
        .str1,.str2,.str3,.str4,.str5{
            width: 190px;
            background-color: rgba(255, 255, 255, 0.132);
            text-align: center;
            letter-spacing: 1em;
        }
        .sd1,.sd2,.sd3,.sd4,.sd5{
            background-color: rgba(255, 255, 255, 0.132);
        }
        /* .sd1:hover,.sd2:hover,.sd3:hover,.sd4:hover,.sd5:hover{
            background-color: rgba(0, 0, 0, 0.0);
        } */
        .in{
            margin-left: -40px;
            margin: 0;
            padding: 10px;
            font-size: 23px;
            width: 350px;
            background-color: rgba(0, 0, 0, 0.0);
            color:  rgba(255, 255, 255, 0.793);
            z-index: -2;
            border: none;
            
        }
        .in:hover{
            background-color: rgba(255, 255, 255, 0.132);
            
        }
        .rad{
            width: 10px;
        }
        select{
            width: 365px;
            padding: 5px;
            font-size: 23px;
            text-align: center;
            border: none;
        }
        .out{
            height: 40px;
            width: 100px;
            font-size: 25px;
            margin: 30px 80px;
            float: left;
        }
        [id^="s"]{
            color: red;
            font-size: 20px;
            position: absolute;
            right: -205px;
            top: 10px;

        }
        select{
            color: white;
            background-color: rgba(0, 0, 0, 0.3);
        }
        #txt{
            width: 500px;
            height: 90px;
            position: absolute;
            top: 10px;
            left: 550px;
           
            text-align: center;
        }
        #txt>span{
            line-height: 90px;
            padding: 10px;
            font-size: 40px;
            letter-spacing: 1em;
            color:rgb(44, 153, 238);
            font-weight: bold;
        }
        tr span:last-child{
            color: rgb(44, 153, 238);
        }
        #adds1,#adds2{
            width: 180px;
        }
    </style>
       
</head>
<body>
    <div id="txt"><span>注册页面</span></div>
    <div id="init">
        <form action="" id="form">
            <table id="tab">
                <tr>
                    <td class="str1"><span>昵称：</span></td>
                    <td class="sd1" id="ad1"><input class="in" type="text" id="user" placeholder="昵称.." onfocus="inp(1)" onblur="out(1)">
                    <span id="s1"></span></td>
                </tr>
                <tr>
                    <td class="str"><span>密码：</span></td>
                    <td id="ad2"><input type="text" class="in" id="pwd"  onfocus="inp(2)" onblur="out(2)"><span id="s2"></span></td>
                </tr>
                <tr>
                    <td class="str2"><span>姓名：</span></td>
                    <td class="sd2" id="ad3"><input type="text" class="in" id="name"><span id="s3"></span></td>
                </tr>
                <tr>
                    <td class="str"><span>性别：</span></td>
                    <td id="ad4">
                        <input  class="rad" name="grender" onfocus="inp(4)" type="radio" value="男" >男
                        &nbsp;   &nbsp;
                        <input  type="radio" name="grender"  onfocus="inp(4)" value="女" >女
                        <span id="s4"></span>
                    </td>
                </tr>
                <tr>
                     <td class="str3"><span>年龄：</span></td>
                     <td  class="sd3"id="ad5">
                <select name="age" id="age" onclick="out(4)" onblur="out(5)" >
                            <option value="-1" >--请选择--</option>
                        </select>
                        <span id="s5"></span>
                     </td>
                     
                </tr>
                <tr>
                    <td class="str"><span>爱好：</span></td>
                    <td id="ad6">
                        <input type="checkbox" name="like" value="唱歌">唱歌 &nbsp;
                        <input type="checkbox" name="like" value="跳舞">跳舞&nbsp;
                        <input type="checkbox" name="like" value="打篮球">打篮球&nbsp;
                        <input type="checkbox" name="like" value="天际线">天际线
                        <span id="s6"></span>
                    </td>
                    
                </tr>
                <tr>
                    <td class="str4"><span>地址：</span></td>
                    <td  class="sd4" id="ad7">
                        <select name="" id="adds1">
                            <option value="-1">请选择省份</option>
                        </select>
                        <select name="" id="adds2">
                            <option value="-1">请选择城市</option>
                        </select>
                        <span id="s7"></span>
                    </td>

                </tr>
                <tr>
                    <td class="str"><span>邮箱：</span></td>
            <td id="ad8"><input type="text" class="in" name="emi" onblur="out(8)" onfocus="inp(8)" id="emai">
                        <span id="s8"></span></td>
                </tr>
                <tr>
                    <td class="str5"><span>电话：</span></td>
             <td  class="sd5" id="ad9"><input type="text" class="in" name="num" id="phone" onblur="out(9)" onfocus="inp(9)">
                        <span id="s9"></span></td>
                </tr>
                <tr>
                    <td colspan="2"><input class="out" type="button" id="btn" value="提交" onclick="chekINof()">
                    <input class="out" id="res" type="reset" value="重置">
                    <span id="s10"></span></td>
                    
                </tr>
            </table>
        </form>
    </div>
    <script>
        //背景图轮换
        // $(function(){
            //获取背景控件
            // for(let i=1;i<22;i++){
            //     $("body").css("background-image","url(./img/"+i+".jpg)");
            //     if(i==21){
            //         i=1;
            //     }
            // }
        // });
        //定义一个集合，包含中国所有的城市，该集合的类型是一个键值对的集合（Map）
        //键：是省份或者直辖市的名称
        //值：是一个数组，包含该省份或者是直辖市下的城市
        var cities = {
            "北京": ["北京"],
            "上海": ["上海"],
            "天津": ["天津", "塘沽"], "重庆": ["重庆", "涪陵", "江津", "巫山"], "河北": ["石家庄", "张家口", "承德", "秦皇岛", "唐山", "廊坊", "保定", "沧州", "衡水", "邢台", "邯郸", "张北", "蔚县", "丰宁", "围场", "怀来", "遵化", "青龙", "坝县", "乐亭", "饶阳", "黄骅", "南宫"], "山西": ["太原", "大同", "朔州", "阳泉", "长治", "晋城", "忻州", "晋中", "临汾", "运城", "吕梁", "右玉", "河曲", "五台山", "五寨", "兴县", "原平", "离石", "榆社", "隰县", "介休", "候马", "阳城"], "内蒙古": ["呼和浩特", "包头", "乌海", "赤峰", "通辽", "呼伦贝尔", "鄂尔多斯", "乌兰察布", "巴彦淖尔", "兴安盟", "锡林郭勒盟", "阿拉善盟", "额尔古纳右旗", "图里河", "满州里", "海拉尔", "小二沟", "新巴尔虎右旗", "新巴尔虎左旗", "博克图", "扎兰屯", "科前旗阿尔山", "索轮", "乌兰浩特", "东乌珠穆沁旗", "额济纳旗", "拐子湖", "巴音毛道", "阿拉善右旗", "二连浩特", "那仁宝力格", "满都拉", "阿巴嘎旗", "苏尼特左旗", "海力素", "朱日和", "乌拉特中旗", "百灵庙", "四子王旗", "化德", "集宁", "吉兰太", "临河", "鄂托克旗", "东胜", "伊金霍洛旗", "阿拉善左旗", "西乌珠穆沁旗", "扎鲁特旗", "巴林左旗", "锡林浩特", "林西", "开鲁", "多伦", "翁牛特旗", "宝国图"], "辽宁": ["沈阳", "朝阳", "阜新", "铁岭", "抚顺", "本溪", "辽阳", "鞍山", "丹东", "大连", "营口", "盘锦", "锦州", "葫芦岛", "彰武", "开原", "清原", "叶柏寿", "新民", "黑山", "章党", "桓仁", "绥中", "兴城", "岫岩", "宽甸", "瓦房店", "庄河"], "吉林": ["长春", "白城", "松原", "吉林", "四平", "辽源", "通化", "白山", "延吉", "乾安", "前郭尔罗斯", "通榆", "长岭", "三岔河", "双辽", "蛟河", "敦化", "汪清", "梅河口", "桦甸", "靖宇", "东岗", "松江", "临江", "集安", "长白"], "黑龙江": ["哈尔滨", "齐齐哈尔", "黑河", "大庆", "伊春", "鹤岗", "佳木斯", "双鸭山", "七台河", "鸡西", "牡丹江", "绥化", "大兴安岭", "漠河", "塔河", "新林", "呼玛", "嫩江", "孙吴", "北安", "克山", "富裕", "海伦", "明水", "富锦", "泰来", "安达", "铁力", "依兰", "宝清", "肇州", "通河", "尚志", "虎林", "绥芬河"], "江苏": ["南京", "徐州", "连云港", "宿迁", "淮安", "盐城", "扬州", "泰州", "南通", "镇江", "常州", "无锡", "苏州", "赣榆", "盱眙", "淮阴", "射阳", "高邮", "东台", "吕泗", "溧阳", "吴县东山"], "浙江": ["杭州", "湖州", "嘉兴", "舟山", "宁波", "绍兴", "衢州", "金华", "台州", "温州", "丽水", "平湖", "慈溪", "嵊泗", "定海", "嵊县", "鄞县", "龙泉", "洪家", "玉环"], "安徽": ["合肥", "宿州", "淮北", "阜阳", "亳州", "蚌埠", "淮南", "滁州", "马鞍山", "芜湖", "铜陵", "安庆", "黄山", "六安", "巢湖", "池州", "宣城", "砀山", "宿县", "寿县", "霍山", "桐城", "芜湖县", "宁国", "屯溪"], "福建": ["福州", "南平", "三明", "莆田", "泉州", "厦门", "漳州", "龙岩", "宁德", "邵武", "武夷山市", "浦城", "建瓯", "福鼎", "泰宁", "长汀", "上杭", "永安", "屏南", "平潭", "崇武", "东山"], "江西": ["南昌", "九江", "景德镇", "鹰潭", "新余", "萍乡", "赣州", "上饶", "抚州", "宜春", "吉安", "修水", "宁冈", "遂川", "庐山", "波阳", "樟树", "贵溪", "玉山", "南城", "广昌", "寻乌"], "山东": ["济南", "聊城", "德州", "东营", "淄博", "潍坊", "烟台", "威海", "青岛", "日照", "临沂", "枣庄", "济宁", "泰安", "莱芜", "滨州", "菏泽", "惠民县", "羊角沟", "长岛", "龙口", "成山头", "朝城", "泰山", "沂源", "莱阳", "海阳", "石岛", "兖州", "莒县"], "河南": ["郑州", "三门峡", "洛阳", "焦作", "新乡", "鹤壁", "安阳", "濮阳", "开封", "商丘", "许昌", "漯河", "平顶山", "南阳", "信阳", "周口", "驻马店", "济源", "卢氏", "孟津", "栾川", "西峡", "宝丰", "西华", "固始"], "湖北": ["武汉", "十堰", "襄樊", "荆门", "孝感", "黄冈", "鄂州", "黄石", "咸宁", "荆州", "宜昌", "随州", "仙桃", "天门", "潜江", "神农架", "恩施", "郧西", "房县", "老河口", "枣阳", "巴东", "钟祥", "广水", "麻城", "五峰", "来风", "嘉鱼", "英山"], "湖南": ["长沙", "张家界", "常德", "益阳", "岳阳", "株洲", "湘潭", "衡阳", "郴州", "永州", "邵阳", "怀化", "娄底", "吉首", "桑植", "石门", "南县", "沅陵", "安化", "沅江", "平江", "芷江", "双峰", "南岳", "通道", "武冈", "零陵", "常宁", "道县"], "广东": ["广州", "清远", "韶关", "河源", "梅州", "潮州", "汕头", "揭阳", "汕尾", "惠州", "东莞", "深圳", "珠海", "中山", "江门", "佛山", "肇庆", "云浮", "阳江", "茂名", "湛江", "南雄", "连县", "佛冈", "连平", "广宁", "增城", "五华", "惠来", "南澳", "信宜", "罗定", "台山", "电白", "徐闻"], "广西": ["南宁", "桂林", "柳州", "梧州", "贵港", "玉林", "钦州", "北海", "防城港", "崇左", "百色", "河池", "来宾", "贺州", "融安", "凤山", "都安", "蒙山", "那坡", "靖西", "平果", "桂平", "龙州", "灵山", "东兴", "涠洲岛"], "海南": ["海口", "三亚", "文昌", "琼海", "万宁", "东方", "澄迈", "定安", "儋县", "琼中", "陵水", "西沙", "昌江", "乐东", "白沙", "临高"], "四川": ["成都", "广元", "绵阳", "德阳", "南充", "广安", "遂宁", "内江", "乐山", "自贡", "泸州", "宜宾", "攀枝花", "巴中", "达川", "资阳", "眉山", "雅安", "阿坝", "甘孜", "西昌", "石渠", "若尔盖", "德格", "色达", "道孚", "马尔康", "红原", "小金", "松潘", "都江堰", "平武", "巴塘", "新龙", "理塘", "稻城", "康定", "峨眉山", "木里", "九龙", "越西", "昭觉", "雷波", "盐源", "会理", "万源", "阆中", "奉节", "梁平", "万县市", "叙永", "酉阳"], "贵州": ["贵阳", "六盘水", "遵义", "安顺", "毕节", "铜仁", "凯里", "都匀", "兴义", "威宁", "盘县", "桐梓", "习水", "湄潭", "思南", "黔西", "三穗", "兴仁", "望谟", "罗甸", "独山", "榕江"], "云南": ["昆明", "曲靖", "玉溪", "保山", "昭通", "丽江", "思茅", "临沧", "德宏", "怒江", "迪庆", "大理", "楚雄", "红河", "文山州", "德钦", "贡山", "中甸", "维西", "华坪", "会泽", "腾冲", "元谋", "沾益", "瑞丽", "景东", "泸西", "耿马", "澜沧", "景洪", "元江", "勐腊", "江城", "蒙自", "屏边", "广南", "勐海"], "西藏": ["拉萨", "那曲", "昌都", "林芝", "山南", "日喀则", "阿里", "狮泉河", "改则", "班戈", "安多", "普兰", "申扎", "当雄", "拉孜", "尼木", "泽当", "聂拉木", "定日", "江孜", "错那", "隆子", "帕里", "索县", "丁青", "嘉黎", "洛隆", "波密", "左贡", "察隅"], "陕西": ["西安", "延安", "铜川", "渭南", "咸阳", "宝鸡", "汉中", "榆林", "安康", "商洛", "定边", "吴旗", "横山", "绥德", "长武", "洛川", "武功", "华山", "略阳", "佛坪", "镇安", "石泉"], "甘肃": ["兰州", "嘉峪关", "金昌", "白银", "天水", "武威", "酒泉", "张掖", "庆阳", "安西", "陇南", "临夏", "甘南", "马鬃山", "敦煌", "玉门镇", "金塔", "高台", "山丹", "永昌", "民勤", "景泰", "靖远", "榆中", "临洮", "环县", "平凉", "西峰镇", "玛曲", "夏河合作", "岷县", "定西"], "青海": ["西宁", "海东", "海北", "海南", "黄南", "果洛", "玉树", "海西", "茫崖", "冷湖", "祁连", "大柴旦", "德令哈", "刚察", "门源", "格尔木", "都兰", "共和县", "贵德", "民和", "兴海", "同德", "同仁", "杂多", "曲麻莱", "玛多", "清水河", "达日", "河南", "久治", "囊谦", "班玛"], "宁夏": ["银川", "石嘴山", "吴忠", "固原", "中卫", "惠农", "陶乐", "中宁", "盐池", "海源", "同心", "西吉"], "新疆": ["乌鲁木齐", "克拉玛依", "石河子", "阿拉尔", "喀什", "阿克苏", "和田", "吐鲁番", "哈密", "克孜勒", "博尔塔拉", "昌吉", "库尔勒", "伊犁", "塔城", "阿勒泰", "哈巴河", "吉木乃", "福海", "富蕴", "和布克赛尔", "青河", "阿拉山口", "托里", "北塔山", "温泉", "精河", "乌苏", "蔡家湖", "奇台", "昭苏", "巴仑台", "达板城", "七角井", "库米什", "巴音布鲁克", "焉耆", "拜城", "轮台", "库车", "吐尔尕特", "乌恰", "阿合奇", "巴楚", "柯坪", "铁干里克", "若羌", "塔什库尔干", "莎车", "皮山", "民丰", "且末", "于田", "巴里坤", "伊吾", "伊宁"], "香港": ["香港"], "澳门": ["澳门"], "台湾": ["台北", "台中", "高雄"]
        };
        $(function(){

             //对集合结构遍历
            //k：代表键 v：代表值
            $.each(cities,function(k,v){
                $("<option value="+k+">"+k+"</option>").appendTo("#adds1");
            });

            //省份的值改变事件
            $("#adds1").change(function(){
                //获得当前省份的值
                let str=$(this).val();
                
                //java代码 
                //值=map集合.get(键)；
                //js代码
                //值=map集合[键]
                //根据省份的变化来改变城市的值
                let citys=cities[str];

                //直接添加到下拉列表，会导致数据累加，应该每次改变时清空数据再添加
                //但也要注意不能直接清空，要保留‘请选择’这一项
                $("#adds2")[0].options.length=1;
                //普通数组遍历
                $.each(citys,function(k,v){

                    $("<option value="+v+">"+v+"</option>").appendTo("#adds2");
                })
            })



            //页面一加载时就执行添加下拉列表
            let age=document.getElementById("age");
            let user=document.getElementById("user");
            user.focus();
            let ages=age.options;//获得下拉列表所有内容
            for(let i=1;i<120;i++){//循环产生120个岁
                ages[i]=new Option(i+"岁",i);//前面是显示内容，后面是数据
            };
            let i=1;
            setInterval(function(){
                // 获取背景控件
                $("body").css("background-image","url(./img/"+i+".jpg)");
                $("body").css("transition","4s");
                i++;
                if(i==21){
                    i=1;
                }
            },4000);
            
        });
        let flag=-1;
        function inp(num){
            switch(num){
                case 1:
                    let s1=document.getElementById("s1");
                    s1.innerHTML="";
                    flag=1;
                    user.select();
                    break;
                case 2:
                    let s2=document.getElementById("s2");
                    s2.innerHTML="";
                    flag=1;
                    break;
                case 4:
                    let s4=document.getElementById("s4");
                    s4.innerHTML="";
                    flag=1;
                    break;
                case 8:
                    let s8=document.getElementById("s8");
                    s8.innerHTML="";
                    flag=1;
                    break;
                case 9:
                    let s9=document.getElementById("s9");
                    s9.innerHTML="";
                    flag=1;
                    break;
            }

        }

        function out(num){
            switch(num){
                case 1:
                    let user=document.getElementById("user");
                    let s1=document.getElementById("s1");
                    if(user.value.length<3 || user.value.length>8){
                        s1.innerHTML="用户名长度应为3~8位，当前长度为:"+user.value.length;
                        flag=-1
                    }
                    break;
                case 2:
                    let pwd=document.getElementById("pwd");
                    let s2=document.getElementById("s2");
                    if(pwd.value.length<3 || pwd.value.length>8){
                        s2.style.top=70+"px";
                        s2.style.right=-185+"px";
                        s2.innerHTML="密码长度应为3~8位，当前长度为:"+pwd.value.length;
                        flag=-1
                    }
                    break;
                case 4:
                    let grenders=document.getElementsByName("grender");
                    let s4=document.getElementById("s4");
                    var grender="";
                    if(grenders[0].checked){
                        //男性选中
                        grender="男";
                    }else if(grenders[1].checked){
                        //女性选中
                        grender="女";
                        inp(4);
                    }else{
                        s4.style.top=170+"px";
                        s4.style.right=-10+"px";
                        s4.innerHTML="你未选择此项！";
                        flag=-1
                    }
                    break;
                case 5:

                    let age=document.getElementById("age");
                    let s5=document.getElementById("s5");
                    if(age.value==-1){
                        s5.innerHTML="你未选择此项！";
                        s5.style.top=228+"px";
                        s5.style.right=-10+"px";
                        flag=-1
                    }else{
                        s5.innerHTML="";
                    }
                    break; 
                case 8:
                    let emai=document.getElementById("emai");
                    let s8=document.getElementById("s8");
                    let regex=/^\w+@\w{2,6}\.(com|cn)$/;
                    if(!regex.test(emai.value)){
                        s8.innerHTML="邮箱格式错误！";
                        s8.style.top=390+"px";
                        s8.style.right=-20+"px";
                        flag=-1
                    }
                    break;
                case 9:
                    let phone=document.getElementById("phone");
                    let s9=document.getElementById("s9");
                    let regex2=/^1(3|5|6|7|8|9)\d{9}$/;
                    if(!regex2.test(phone.value)){
                        s9.innerHTML="手机号格式错误！";
                        s9.style.top=450+"px";
                        s9.style.right=-35+"px";
                        flag=-1
                    }
                    break;                    
                }
              
        }
        function chekINof(){//判断表单是否为空
            if(flag==-1){
                console.log("失败");
                let user=document.getElementById("user");
            }else{
                if (confirm("注意：用户提交以后不能修改信息，是否提交？")) {
                    console.log("成功");    
                    //删除输入框，显示昵称
                    let user=document.getElementById("user");
                    let tag1=document.createElement("h1");
                    tag1.innerHTML=user.value;
                    user.parentNode.appendChild(tag1);
                    user.parentNode.removeChild(user);
                    //删除密码框，显示密码
                    let pwd=document.getElementById("pwd");
                    let tag2=document.createElement("h1");
                    tag2.innerHTML=pwd.value;
                    pwd.parentNode.appendChild(tag2);
                    pwd.parentNode.removeChild(pwd);
                    //删除性别控件，显示性别
                    let grenders=document.getElementsByName("grender");
                    let ad4=document.getElementById("ad4");
                    if(grenders[0].checked){
                        ad4.innerHTML="<h1>"+grenders[0].value+"</h1>";
                    }else{
                        ad4.innerHTML="<h1>"+grenders[1].value+"</h1>";
                    }
                
                    //删除姓名控件，显示姓名
                    let name=document.getElementById("name");
                    let ad3=document.getElementById("ad3");
                    ad3.innerHTML="<h1>"+name.value+"</h1>";
                    //删除下拉列表，显示岁数
                    let age=document.getElementById("age");
                    let ad5=document.getElementById("ad5");
                    ad5.innerHTML="<h1>"+age.value+"岁</h1>";
                    //删除多选框，显示爱好
                    let ad6=document.getElementById("ad6");
                    let likes=document.getElementsByName("like");
                    let str="";
                    for(let i=0;i<4;i++){
                        if(likes[i].checked){
                            str+=likes[i].value+" ";
                        }
                    }
                    if(str==""){
                        str="无";
                    }
                    ad6.innerHTML="<h1>"+str+"</h1>";
                    //删除邮箱框，显示邮箱
                    let ad8=document.getElementById("ad8");
                    let emai=document.getElementById("emai");
                    ad8.innerHTML="<h1>"+emai.value+"</h1>";
                    //删除电话框，显示电话
                    let ad9=document.getElementById("ad9");
                    let phone=document.getElementById("phone");
                    ad9.innerHTML="<h1>"+phone.value+"</h1>";
                    //地址栏
                    
                    $("<span>"+$("#adds1").val()+"</span>").addClass("mycss").appendTo("#ad7");
                    $("<span>"+$("#adds2").val()+"</span>").css("color","yellow").appendTo("#ad7");
                    $("#adds1").remove();
                    $("#adds2").remove();
                    // $("#adds2").html($("#adds2").text());
                    //提交成功，禁用提交按钮
                    document.getElementById("btn").disabled=true;
                    document.getElementById("res").disabled=true;
                }else{
                    alert("用户取消提交！");
                }
                
            }

        }
    </script>

</body>
</html>